<template>
  <div class="app">
    <div class="homeList">
            <h3>猜你喜欢</h3>
            <div class="prevTab">
                 <div class="tabs" v-for="(item,index) in prevTab" :key="index">{{item}}</div>
            </div>
            <div class="nextTab">
                 <div class="tabs" v-for="(item,index) in nextTab" :key="index">{{item}}</div>
            </div>
        </div>
  </div>
</template>

<script>
export default {
    data(){
        return{
            prevTab:["综合排序","距离最近","销量最高","筛选"],
            nextTab:["年货节热卖","津贴联盟","满减忧惠","品质联盟"]
        }
    },
}
</script>

<style lang="scss" scoped>
.homeList{
    padding: 0 10px;
    .prevTab,
    .nextTab{
    display: flex;
    justify-content: space-between;
    line-height: 60px;
    }
    .nextTab{
    line-height: 20px;
    margin-bottom: 20px;
      .tabs{
            margin-right: 5px; 
            padding: 5px 6px;
            background-color: #f4f1f1;
        }
    }
}
</style>